<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>会员中心</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <style type="text/css">
      html,body{background-color: #f3f2f2;}
    </style>
  </head>
  <body id="app">
    <section class="padB23 userCenterBox">
      <!-- 会员类别 -->
      <div class="cardBox">
        <img src="images/bg_card.png" class="bgCard" alt="">
        <div class="cradType">
          <!-- <img src="images/gold_card.png" class="crad" alt="">
          <span class="userNum font28 gold">NO.008001</span> -->

          <img src="images/silver_card.png" class="crad" alt="">
          <span class="userNum font28 silver">NO.008001</span>

          <!-- <img src="images/platinum_card.png" class="crad" alt="">
          <span class="userNum font28 platinum">NO.008001</span> -->
        </div>
      </div>
      <!-- 中部 -->
      <ul class="mid">
        <li class="points">
          <span class="num">188</span>
          <span class="font22 color66">可用积分</span>
        </li>
        <li class="message">
          <span class="messIcon"><i class="messNum">68</i></span>
          <span class="font22 color66">消息</span>
        </li>
        <li class="scan">
          <span class="scanIcon"></span>
          <span class="font22 color66">扫一扫</span>
        </li>
      </ul> 
      <!-- 下部 -->
      <ul class="down font28">
        <li class="myInfoList">
          <span class="label info">个人资料</span>
          <span class="colord2 padR40">完善资料送积分</span>
        </li>
        <li class="myInfoList">
          <span class="label certific">业主认证</span>
          <span class="colord2 padR40">完善认证送积分</span>
        </li>
        <li class="myInfoList">
          <span class="label certificElite">精英认证</span>
          <span class="colord2 padR40">完善认证送积分</span>
        </li>
        <li class="myInfoList">
          <span class="label birthBenfit">生日福利</span>
        </li>
      </ul>
    </section>

    <!-- 底部 -->
    <footer class="footer clearfix">
        <a href="index.html" class="footerIcon fhome" title="怡轩荟首页">怡轩荟首页</a>
        <a href="display.html" class="footerIcon fauth" title="业主认证">业主认证</a>
        <a href="parnetWay.html" class="footerIcon factive" title="活动尊享">活动尊享</a>
        <a href="user.html" class="footerIcon on fuser" title="会员中心">会员中心</a>
    </footer>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    
    <script type="text/javascript">
      // 轮播
        var swiper = new Swiper('.full2',{
            pagination: '.full2 .pagination',
            paginationClickable: true,
            speed: 2000,
            autoplay: false,
            loop: true
        });
        // 轮播比例
        myJS.imgScale('.j_16', '16', '9');
        myJS.imgScale('.j_4', '4', '3');
        myJS.ImgFull('.loadImg');
    </script>
  </body>
</html>
